    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style>
            .box{
                position: fixed;
                height: 121px;
                width: 225px;
                background: url("imgs/ad.jpg");
                bottom: 0;
                right: 0;
                display: none;
            }
            span{
                background: url("imgs/h.jpg") no-repeat;
                position: absolute;
                top: 0;
                right: 0;
                width: 40px;
                height: 18px;
                cursor: pointer;
            }
        </style>
        <script src="../jquery-3.4.1.js"></script>
    </head>
    <body>
    <div>好惨淡的现实，该如何是好</div>
        <div class="box">
            <span></span>
        </div>
    <script>
        $(function () {
            $('.box').slideDown(1000).slideUp(1000).fadeIn(1000).children('span').click(function () {
                            $('.box').fadeOut(1000);
            })

        })
    </script>
    </body>
    </html>